<!DOCTYPE html>
<html class="am-touch js cssanimations">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>订单状态</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <meta name="renderer" content="webkit" />
    <link rel="icon" type="image/png" href="../assets/i/favicon.png" />
    <link rel="stylesheet" href="../assets/css/amazeui.min.css" />
    <link rel="stylesheet" href="../assets/css/app2.css" />
    <link rel="stylesheet" href="../assets/css/icon2.css"/>
    <style type="text/css">
        p{margin: 0;}
        ul, li{padding: 0;margin: 0;list-style: none}
        .products-list ul li{color: #808080;font-size: 14px;padding: 0 15px}
        .numLi p span{width: 100%;display: block;height: 25px;color: #000000;font-weight: bold;}
        .numLi p span b{color: #e81616;}
        [class*=am-u-]{padding: 0;}
        p.txt{width: 100%;height: 35px;line-height:35px;padding:0 20px;font-size:1.4rem;background-color: #FFFFFF;border: 1px solid #e8e8e8; border-radius: 5px;}
        p.txt b{font-weight: normal;color: #09bb07}
        .tips{display: block;text-align: center;color: #bebebe;padding: 5px 0;}
        .help{width: 100%; display: block; text-align: center;margin-top: 30px;}
        .btn-help{background-color: #ffffff;border: #dedfe0;padding: 10px 20px; color: #a6a6a6;border-radius: 5px;}
        .navList{display: flex;padding: 15px 0;}
        hr{margin: 0;}
        i.iconN{width:20px;height:20px;margin-right:5px;display:inline-block;vertical-align: middle;width:20px;height:20px;margin-right:5px;background-size:100% 100%;display:inline-block;vertical-align: middle;}
        i.addr{background:url("../assets/i/icon/address.png") no-repeat;background-size:100% 100%;}
        i.timer{background:url("../assets/i/icon/time.png") no-repeat;background-size:100% 100%;}
    </style>
</head>
<body style="background-color: #f3f3f7;">
<div style="position: absolute;width: 100%;padding: 10px 10px 0;">
    <p class="txt">
        <span class="am-fl">订单状态：<b>等待接单</b></span>
        <span class="am-fr">预计<b>15分钟</b>后到达</span>
    </p>
</div>
<div style="display: block">
    <img src="../assets/i/examples/map3.png" alt=""/>
</div>

<div class="tips am-text-sm">本服务由快快官方合作伙伴<b style="color: #e60012; font-size: 1.6rem;">中国平安</b>承保</div>

<div style="border-top:1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;padding: 0 15px;background-color: #fff">
    <div class="navList clearfix">
        <aside class="am-u-sm-3 am-list-thumb no-right-p">
            <img src="../assets/i/examples/123.png" style="border-radius: 8px;" alt="" />
        </aside>
        <section class="am-u-sm-9 am-list-main">
            <p class="am-text-sm" style="color: #000">姓名：陈光  工号: SZ0001</p>
            <p class="am-text-sm">驾龄：7年</p>
            <p class="am-text-sm">电话：15600153257</p>
        </section>
    </div>
    <hr />
    <div class="navList clearfix">
        <ul>
            <li style="margin-bottom: 5px;"><p class="am-text-sm"><i class="iconN addr"></i>广东省深圳市南山区南海大道南段</p></li>
            <li><p class="am-text-sm"><i class="iconN timer"></i>2015-06-06   14:30-15:00</p></li>
        </ul>
    </div>
</div>

<div class="help">
    <button class="btn-help am-text-sm">需要帮助？</button>
</div>
<script src="../assets/js/jquery.min.js" type="text/javascript"></script>
<script src="../assets/js/amazeui.js" type="text/javascript"></script>
</body>
</html>